<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>首页数据</title>
	</head>
	<link rel="stylesheet" href="../../bangnuo/admin/layui/css/layui.css">
	<link rel="stylesheet" type="text/css" href="../../bangnuo/admin/layui/css/layui.css">
	<link rel="stylesheet" type="text/css" href="../../bangnuo/admin/css/box-html.css" />
	<body style="background-color: #EAEAEA;">
		<div style="width: 100; height: 1220px;">vcb
			<!-- 头标 -->
			<div style="width: 100%; height: 30px; margin: 10px;">
				<p style="color: #007DDB; font-size: 20px; font-weight: bold;">订单概况(包含下级代理商商户)<a style="font-size: 15px;">(参考值，单位：元
						)</a></p>
			</div>
			<hr />
			<!-- 数据订单 -->
			<div style="width: 100%; height: 200px;">
				<div style="margin: 10px; padding-top: 10px;">
					<div class="layui-card float-left" style="margin-left: 20px;">
						<div class="layui-card-body">
							<div>
								<table border="0" cellspacing="" cellpadding="">
									<tr>
										<th style="font-size: 20px;">本月订单金额（数据截止至昨天）</th>
										<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
										<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney">111.11</th>
									</tr>
								</table>
							</div>
							<hr />
							<div>
								<table border="0">
									<tr>
										<td style="font-size: 20px; font-weight: bold;">
											<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #1E9FFF;">支付宝</i>
										</td>
										<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
										<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney">111.11</th>
									</tr>
									<tr>
										<td>&ensp;</td>
									</tr>
									<tr>
									<tr>
										<td style="font-size: 20px; font-weight: bold;">
											<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #00FF00;">微信</i>
										</td>
										<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
										<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney">111.11</th>
									</tr>
									</tr>
								</table>
							</div>
						</div>
					</div>
					<div class="layui-card float-left" style="margin-left: 20px;">
						<div class="layui-card-body">
							<div>
								<table border="0" cellspacing="" cellpadding="">
									<tr>
										<th style="font-size: 20px;">上月订单金额</th>
										<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
										<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney">111.11</th>
									</tr>
								</table>
							</div>
							<hr />
							<div>
								<table border="0">
									<tr>
										<td style="font-size: 20px; font-weight: bold;">
											<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #1E9FFF;">支付宝</i>
										</td>
										<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
										<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney">111.11</th>
									</tr>
									<tr>
										<td>&ensp;</td>
									</tr>
									<tr>
									<tr>
										<td style="font-size: 20px; font-weight: bold;">
											<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #00FF00;">微信</i>
										</td>
										<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
										<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney">111.11</th>
									</tr>
									</tr>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 头标 -->
			<div style="width: 100%; height: 30px; margin: 10px;">
				<p style="color: #007DDB; font-size: 20px; font-weight: bold;">佣金小计</p>
			</div>
			<hr />
			<!-- 数据佣金 -->
			<div style="width: 100%; height: 230px;">
				<div style="padding: 10px;">
					<div class="layui-card float-left" style="margin-left: 20px;">
						<div class="layui-card-body">
							<div>
								<table border="0" cellspacing="" cellpadding="">
									<tr>
										<th style="font-size: 20px;">本月返佣数据（仅参考）</th>
										<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
										<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney">111.11</th>
									</tr>
								</table>
							</div>
							<hr />
							<div>
								<table border="0">
									<tr>
										<td style="font-size: 20px; font-weight: bold;">
											<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #1E9FFF;">支付宝</i>
										</td>
										<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
										<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney">111.11</th>
									</tr>
									<tr>
										<td>&ensp;</td>
									</tr>
									<tr>
									<tr>
										<td style="font-size: 20px; font-weight: bold;">
											<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #00FF00;">微信</i>
										</td>
										<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
										<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney">111.11</th>
									</tr>
									</tr>
									<tr>
										<td>&ensp;</td>
									</tr>
									<tr>
									<tr>
										<td style="font-size: 20px; font-weight: bold;">
											<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #EB7350;">间联</i>
										</td>
										<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
										<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney">111.11</th>
									</tr>
									</tr>
								</table>
							</div>
						</div>
					</div>
					<div class="layui-card float-left" style="margin-left: 20px;">
						<div class="layui-card-body">
							<div>
								<table border="0" cellspacing="" cellpadding="">
									<tr>
										<th style="font-size: 20px;">昨日返佣数据（仅参考）</th>
										<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
										<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney">111.11</th>
									</tr>
								</table>
							</div>
							<hr />
							<div>
								<table border="0">
									<tr>
										<td style="font-size: 20px; font-weight: bold;">
											<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #1E9FFF;">支付宝</i>
										</td>
										<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
										<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney">111.11</th>
									</tr>
									<tr>
										<td>&ensp;</td>
									</tr>
									<tr>
									<tr>
										<td style="font-size: 20px; font-weight: bold;">
											<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #00FF00;">微信</i>
										</td>
										<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
										<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney">111.11</th>
									</tr>
									</tr>
									<tr>
										<td>&ensp;</td>
									</tr>
									<tr>
									<tr>
										<td style="font-size: 20px; font-weight: bold;">
											<i class="layui-icon layui-icon-login-wechat" style="font-size: 30px; color: #EB7350;">间联</i>
										</td>
										<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;
											&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
										<th style="width: 50px; text-align: right; font-size: 15px; color: #0000FF;" id="dayboxmoney">111.11</th>
									</tr>
									</tr>
								</table>
							</div>
						</div>
					</div>
				</div>
			</div>
			<hr />
			<!-- 增幅数据 -->
			<div style="width: 100%; height: 200px;">
				<div>
					<!-- 商户涨幅排行 -->
					<div class="layui-card float-left" style="margin-left: 20px;">
						<div class="layui-card-body">
							<!-- 选项卡 -->
							<div class="layui-tab">
								<ul class="layui-tab-title" style="background-color: green;">
									<a href="javascript:return false;">
										<li style="width: 245px;">商户涨幅排行</li>
									</a>
									<li class="layui-this">网站设置</li>
									<li>用户管理</li>
								</ul>
								<div class="layui-tab-content">
									<div class="layui-tab-item layui-show">内容1</div>
									<div class="layui-tab-item">内容2</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 商户降幅排行 -->
					<div class="layui-card float-left" style="margin-left: 20px;">
						<div class="layui-card-body">
							<!-- 选项卡-->
							<div class="layui-tab">
								<ul class="layui-tab-title" style="background-color: red;">
									<a href="javascript:return false;">
										<li style="width: 245px;">商户降幅排行</li>
									</a>
									<li class="layui-this">网站设置</li>
									<li>用户管理</li>
								</ul>
								<div class="layui-tab-content">
									<div class="layui-tab-item layui-show">内容1</div>
									<div class="layui-tab-item">内容2</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 头标 -->
			<div style="width: 100%; height: 30px; margin: 10px;">
				<p style="color: #007DDB; font-size: 20px; font-weight: bold;">商户概况</p>
			</div>
			<hr />
			<!-- 数据商户 -->
			<div style="width: 100%; height: 100px;">
				<div style="margin: 30px;" class="float-left">
					<div class="float-left">
						<i class="layui-icon layui-icon-username" style="font-size: 60px; color: #1E9FFF;"></i>
					</div>
					<div class="float-left">
						<div class="layui-card">
							<div class="layui-card-body">
								卡片式面板面板通常用于非白色背景色的主体内<br>
								从而映衬出边框投影
							</div>
						</div>
					</div>
				</div>
				<div style="margin: 30px;" class="float-left">
					<div class="float-left">
						<i class="layui-icon layui-icon-username" style="font-size: 60px; color: #1E9FFF;"></i>
					</div>
					<div class="float-left">
						<div class="layui-card">
							<div class="layui-card-body">
								卡片式面板面板通常用于非白色背景色的主体内<br>
								从而映衬出边框投影
							</div>
						</div>
					</div>
				</div>
			</div>
			<br /><br />
			<!-- 头标 -->
			<div style="width: 100%; height: 30px; margin: 10px;">
				<p style="color: #007DDB; font-size: 20px; font-weight: bold;">团队概况</p>
			</div>
			<hr />
			<!-- 数据团队 -->
			<div style="width: 100%; height: 200px;">
				<div>
					<div class="layui-card float-left" style="margin: 30px;">
						<div class="layui-card-body" style="margin: 30px;">
							<table border="0">
								<tr>
									<td><a id="#" style="font-size: 30px;">1</a></td>
									<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
									<td></td>
								</tr>
								<tr>
									<td>下级代理</td>
									<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
									<td><i class="layui-icon layui-icon-username" style="font-size: 50px; color: #00F7DE;"></i>  </td>
								</tr>
							</table>
						</div>
					</div>
					<div class="layui-card float-left" style="margin: 30px;">
						<div class="layui-card-body" style="margin: 30px;">
							<table border="0">
								<tr>
									<td><a id="#" style="font-size: 30px;">1</a></td>
									<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
									<td></td>
								</tr>
								<tr>
									<td>直属下级代理</td>
									<td>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;</td>
									<td><i class="layui-icon layui-icon-username" style="font-size: 50px; color: #1E9FFF;"></i>  </td>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../bangnuo/admin/layui/layui.js"></script>
	<script>
		//注意：选项卡 依赖 element 模块，否则无法进行功能性操作
		layui.use('element', function() {
			var element = layui.element;

			//…
		});
	</script>
</html>
